
                    <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
                        <path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path>
                    </svg>
                    <p></p> 
<div class="toc"> 
 <h4><a name="t0"></a>文章目录</h4> 
 <ul><li><a href="#HarmonyOS_5" rel="nofollow" target="_self">鸿蒙HarmonyOS应用开发者(基础+高级)认证</a></li><li><ul><li><a href="#1HarmonyOS_16" rel="nofollow" target="_self">👉1.HarmonyOS认证介绍</a></li><li><ul><li><ul><li><a href="#11HarmonyOS_17" rel="nofollow" target="_self">1.1、HarmonyOS发展历程</a></li><li><a href="#12HarmonyOS_NEXT_09_22" rel="nofollow" target="_self">1.2、HarmonyOS NEXT 开发预览版</a></li><li><a href="#13ArkTS_25" rel="nofollow" target="_self">1.3、ArkTS语言开发鸿蒙应用</a></li><li><a href="#14HarmonyOS_29" rel="nofollow" target="_self">1.4、HarmonyOS应用开发者基础认证的核心内容</a></li><li><a href="#15HarmonyOS_41" rel="nofollow" target="_self">1.5、HarmonyOS应用开发者高级认证的核心内容</a></li><li><a href="#16HarmonyOS_52" rel="nofollow" target="_self">1.6、HarmonyOS应用开发者认证考试说明</a></li></ul> 
   </li></ul> 
   </li><li><a href="#2HarmonyOS_54" rel="nofollow" target="_self">👉2.HarmonyOS基础认证</a></li><li><ul><li><ul><li><a href="#21Hello_World_59" rel="nofollow" target="_self">2.1、基础认证之运行Hello World</a></li><li><ul><li><a href="#211DevEco_Studio_60" rel="nofollow" target="_self">2.1.1、DevEco Studio编辑器安装、预览、模拟器</a></li><li><a href="#212_107" rel="nofollow" target="_self">2.1.2、创建一个新项目</a></li><li><a href="#212_169" rel="nofollow" target="_self">2.1.2、工程目录介绍、配置文件说明</a></li><li><a href="#213ArkTS_180" rel="nofollow" target="_self">2.1.3、ArkTS开发语言简介</a></li></ul> 
    </li></ul> 
   </li></ul> 
  </li></ul> 
  </li><li><a href="#_203" rel="nofollow" target="_self">✒️总结</a></li></ul> 
</div> 
<p></p> 
<hr> 
<h2><a name="t1"></a><a id="HarmonyOS_5"></a>鸿蒙<span class="words-blog hl-git-1" data-tit="HarmonyOS应用" data-pretit="harmonyos应用">HarmonyOS应用</span>开发者(基础+高级)认证</h2> 
<blockquote> 
 <p>HarmonyOS应用开发技术在新时代<span class="edu-hl hl hl-1" data-report-click="{&quot;spm&quot;:&quot;1001.2101.3001.7020&quot;,&quot;extra&quot;:&quot;{\&quot;word\&quot;:\&quot;软件开发\&quot;}&quot;}" data-tit="软件开发" data-pretit="软件开发">软件开发</span>中占据重要地位，随着<a href="https://so.csdn.net/so/search?q=HarmonyOS%E7%B3%BB%E7%BB%9F&amp;spm=1001.2101.3001.7020" target="_blank" class="hl hl-1" data-report-click="{&quot;spm&quot;:&quot;1001.2101.3001.7020&quot;,&quot;dest&quot;:&quot;https://so.csdn.net/so/search?q=HarmonyOS%E7%B3%BB%E7%BB%9F&amp;spm=1001.2101.3001.7020&quot;,&quot;extra&quot;:&quot;{\&quot;searchword\&quot;:\&quot;HarmonyOS系统\&quot;}&quot;}" data-tit="HarmonyOS系统" data-pretit="harmonyos系统">HarmonyOS系统</a>的广泛应用，招聘市场对此类开发者的需求日益增长。鸿蒙HarmonyOS应用开发者认证分为基础认证和高级认证两个级别，旨在帮助开发者系统地掌握HarmonyOS的开发框架、API调用、界面设计等基本技能，以及深入理解分布式技术原理，掌握跨设备协同、场景化服务等高级功能。<br> <a href="https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/application-dev-guide-V5?catalogVersion=V5" rel="nofollow">官方开发指南</a></p> 
</blockquote> 
<p><img src="https://i-blog.csdnimg.cn/direct/64a18a7728f5456488f227ee5c7155fa.png" alt="在这里插入图片描述"></p> 
<p><img src="https://i-blog.csdnimg.cn/direct/579136fb1f2f4d91a894d1b583911eed.png" alt="在这里插入图片描述"></p> 
<h3><a name="t2"></a><a id="1HarmonyOS_16"></a>👉1.HarmonyOS认证介绍</h3> 
<h5><a id="11HarmonyOS_17"></a>1.1、HarmonyOS发展历程</h5> 
<p><img src="https://i-blog.csdnimg.cn/direct/d204f789c5e94b1e987aa9fd2f307b0a.png" alt="在这里插入图片描述"><br> <img src="https://i-blog.csdnimg.cn/direct/9f4f06225f6b4349815eeca686f40f6a.png" alt="在这里插入图片描述"></p> 
<h5><a id="12HarmonyOS_NEXT%09_22"></a>1.2、HarmonyOS NEXT 开发预览版</h5> 
<p><img src="https://i-blog.csdnimg.cn/direct/947222f9d2bd4719be04f6a0783ff2af.png" alt="在这里插入图片描述"></p> 
<h5><a id="13ArkTS_25"></a>1.3、ArkTS语言开发鸿蒙应用</h5> 
<blockquote> 
 <p>ArkTS 语言<br> ArkTS是<span class="edu-hl hl hl-1" data-report-view="{&quot;spm&quot;:&quot;1001.2101.3001.7020&quot;,&quot;extra&quot;:&quot;{\&quot;word\&quot;:\&quot;鸿蒙生态\&quot;}&quot;}" data-report-click="{&quot;spm&quot;:&quot;1001.2101.3001.7020&quot;,&quot;extra&quot;:&quot;{\&quot;word\&quot;:\&quot;鸿蒙生态\&quot;}&quot;}" data-tit="鸿蒙生态" data-pretit="鸿蒙生态">鸿蒙生态</span>的应用开发语言。它在保持TypeScript(简称TS)基本语法风格的基础上，对TS的动态类型特性施加更严格的约束，引入静态类型。同时，提供了声明式U1、状态管理等相应的能力，让开发者可以以更简洁、更自然的方式开发高性能应用，<br> <img src="https://i-blog.csdnimg.cn/direct/f22cc72fd3ee4952a0d5c65a5f15aeb7.png" alt="在这里插入图片描述"></p> 
</blockquote> 
<h5><a id="14HarmonyOS_29"></a>1.4、HarmonyOS应用开发者基础认证的核心内容</h5> 
<ul><li>运行Hello World: 
  <ul><li>DevEco Studio编辑器安装、预览、模拟器;工程目录介绍、配置文件说明;ArkTS开发语言介绍</li></ul> </li><li>ArkTS开发语言介绍: 
  <ul><li>TypeScript基础语法;ArkUI框架:声明式、组件化、状态管理;容器组件与基础组件入门;页面与组件的生命周期</li></ul> </li><li>应用程序框架: 
  <ul><li>Stage模型与UIAbiity组件;UlAbility生命周期与启动模式;route路由跳转页面，页面之间传递参数及各种路由方法</li></ul> </li><li>从简单的页面开始: 
  <ul><li>基础组件:Image、Button、Text、TextinputLoadingProgress;容器组件:List、Grid、Tabs</li></ul> </li><li>构建更加丰富的页面: 
  <ul><li>状态管理:@State、@Prop、@Link、@Provide、@Consume、@Watch;学习组件:Video0、AlertDialog0</li></ul> </li></ul> 
<h5><a id="15HarmonyOS_41"></a>1.5、HarmonyOS应用开发者高级认证的核心内容</h5> 
<ul><li>系统特征与应用架构: 
  <ul><li>鸿蒙应用白皮书;架构:编译器原理、分合、一多、流转等;ArkUI-x进行跨平台应用</li></ul> </li><li>元服务: 
  <ul><li>元服务带来的体验变革;元服务应用入口;开发鸿蒙万能卡片及服务卡片尺寸大小</li></ul> </li><li>端云一体化: 
  <ul><li>severless概念;云端模板便用;DevEco Studio操作端侧与云测，云的数，云数据库，云存储，本地测试，云端上传等</li></ul> </li><li>调试与发布应用井上架: 
  <ul><li>发布应用/元服务前本地调试;AppGalleryConnect服务平台;数字证书、profle文件签名信息;配置签名信息并打包程序</li></ul> </li><li>应用开发知识域: 
  <ul><li>公共事件;安全与密钥管理;DFX及调试调优;通知提醒与后台管理;worker多线程;数据库操作等</li></ul> </li></ul> 
<h5><a id="16HarmonyOS_52"></a>1.6、HarmonyOS应用开发者认证考试说明</h5> 
<p><img src="https://i-blog.csdnimg.cn/direct/33694702acdf40c597c7c61a4ddd3a85.png" alt="在这里插入图片描述"></p> 
<h3><a name="t3"></a><a id="2HarmonyOS_54"></a>👉2.HarmonyOS基础认证</h3> 
<p>HarmonyOS应用开发者通过系统化的课程学习，熟练掌握DevEco Studio，ArkTS，ArkUl，预览器，模拟器，SDK等HarmonyOS应用开发的关键概念，具备基础的应用开发能力<br> <a href="https://developer.huawei.com/consumer/cn/training/dev-cert-detail/101666948302721398" rel="nofollow">HarmonyOS应用开发者基础认证官方学习课程</a><br> <img src="https://i-blog.csdnimg.cn/direct/6a5fa4aa47154274b905f3285d8c5e16.png" alt="在这里插入图片描述"></p> 
<h5><a id="21Hello_World_59"></a>2.1、基础认证之运行Hello World</h5> 
<h6><a id="211DevEco_Studio_60"></a>2.1.1、DevEco Studio编辑器安装、预览、模拟器</h6> 
<p>DevEco Studio支持<span class="words-blog hl-git-1" data-report-view="{&quot;spm&quot;:&quot;1001.2101.3001.10283&quot;,&quot;extra&quot;:&quot;{\&quot;words\&quot;:\&quot;Windows\&quot;}&quot;}" data-tit="Windows" data-pretit="windows">Windows</span>和macOS系统，下面将针对两种操作系统的<span class="edu-hl hl hl-1" data-report-view="{&quot;spm&quot;:&quot;1001.2101.3001.7020&quot;,&quot;extra&quot;:&quot;{\&quot;word\&quot;:\&quot;软件\&quot;}&quot;}" data-report-click="{&quot;spm&quot;:&quot;1001.2101.3001.7020&quot;,&quot;extra&quot;:&quot;{\&quot;word\&quot;:\&quot;软件\&quot;}&quot;}" data-tit="软件" data-pretit="软件">软件</span>安装方式分别进行介绍。<br> <mark>Windows环境 运行环境要求</mark></p> 
<blockquote> 
 <p>为保证DevEco Studio正常运行，建议电脑配置满足如下要求</p> 
 <ul><li>操作系统：Windows10 64位、Windows11 64位</li><li>内存：16GB及以上</li><li>硬盘：100GB及以上</li><li>分辨率：1280*800像素及以上</li></ul> 
</blockquote> 
<blockquote> 
 <p>安装DevEco Studio</p> 
 <ol><li>下载完成后，双击下载的“deveco-studio-xxxx.exe”，进入DevEco Studio安装向导。在如下界面选择安装路径，默认安装于C:\Program Files路径下，也可以单击浏览（B）…指定其他安装路径，然后单击Next。<br> <img src="https://i-blog.csdnimg.cn/direct/a0336d135c5b4f028b57fdda1518dd47.png" alt="在这里插入图片描述"></li><li>在如下安装选项界面勾选DevEco Studio后，单击Next，直至安装完成。<br> <img src="https://i-blog.csdnimg.cn/direct/3ee41bf1cff24b7ba1dc28a26bb49265.png" alt="在这里插入图片描述"></li><li>安装完成后，单击Finish完成安装。<br> <img src="https://i-blog.csdnimg.cn/direct/ebc7614969bc4399a4e8d0285f4c609e.png" alt="在这里插入图片描述"><br> 说明</li></ol> 
 <ul><li>DevEco Studio提供开箱即用的开发体验，将HarmonyOS SDK、Node.js、Hvigor、OHPM、模拟器平台等进行合一打包，简化DevEco Studio安装配置流程。</li><li>HarmonyOS SDK已嵌入DevEco Studio中，无需额外下载配置。HarmonyOS SDK可以在DevEco Studio安装位置下DevEco Studio\sdk目录中查看。如需进行OpenHarmony应用开发，可通过Settings &gt; OpenHarmony SDK页签下载OpenHarmony SDK。<br> <img src="https://i-blog.csdnimg.cn/direct/2f850c50537c460c96ec6e9ee075bcdf.png" alt="在这里插入图片描述"></li></ul> 
</blockquote> 
<p><mark>macOS环境 运行环境要求</mark></p> 
<blockquote> 
 <p>为保证DevEco Studio正常运行，建议电脑配置满足如下要求</p> 
 <ul><li>内存：8GB及以上</li><li>硬盘：100GB及以上</li><li>分辨率：1280*800像素及以上</li></ul> 
</blockquote> 
<blockquote> 
 <ul><li>安装DevEco Studio</li></ul> 
 <ol><li>在安装界面中，将“DevEco-Studio.app”拖拽到“Applications”中，等待安装完成。<br> <img src="https://i-blog.csdnimg.cn/direct/260eff6ad8f94fffb5cafcc244248366.png" alt="在这里插入图片描述"></li><li>安装完成后，接下来请根据配置代理，检查和配置开发环境。<br> <a href="https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/ide-environment-config-V5" rel="nofollow">配置代理官方文档</a></li></ol> 
 <p>说明</p> 
 <ul><li>DevEco Studio提供开箱即用的开发体验，将HarmonyOS SDK、Node.js、Hvigor、OHPM、模拟器平台等进行合一打包，简化DevEco Studio安装配置流程。</li><li>HarmonyOS SDK已嵌入DevEco Studio中，无需额外下载配置。HarmonyOS SDK可以在DevEco Studio安装位置下DevEco Studio\sdk目录中查看。如需进行OpenHarmony应用开发，可通过DevEco Studio &gt; Preferences &gt; OpenHarmony SDK页签下载OpenHarmony SDK。</li></ul> 
 <p>诊断开发环境</p> 
 <ul><li>为了您开发应用/服务的良好体验，DevEco Studio提供了开发环境诊断的功能，帮助您识别开发环境是否完备。您可以在欢迎页面单击Diagnose进行诊断。如果您已经打开了工程开发界面，也可以在菜单栏单击Help &gt; Diagnostic Tools &gt; Diagnose Development Environment进行诊断。<br> <img src="https://i-blog.csdnimg.cn/direct/204aec1ee49b4542893c18bdf9815b2d.png" alt="在这里插入图片描述"><br> DevEco Studio开发环境诊断项包括电脑的配置、网络的连通情况、依赖的工具是否安装等。如果检测结果为未通过，请根据检查项的描述和修复建议进行处理。</li></ul> 
 <p>启用中文化插件</p> 
 <ol><li>单击File &gt; Settings（macOS为DevEco Studio &gt; Preferences ） &gt; Plugins，选择Installed页签，在搜索框输入“Chinese”，搜索结果里将出现Chinese(Simplified)，在右侧单击Enable，单击OK。<br> <img src="https://i-blog.csdnimg.cn/direct/0607de3e94f94e6e9b1e80e36e83e708.png" alt="在这里插入图片描述"></li><li>在弹窗中单击Restart，重启DevEco Studio后即可生效。<br> <img src="https://i-blog.csdnimg.cn/direct/a5643bd4444946fc85c364ae316de0d0.png" alt="在这里插入图片描述"></li></ol> 
</blockquote> 
<h6><a id="212_107"></a>2.1.2、创建一个新项目</h6> 
<p>使用DevEco Studio创建一个空项目，了解ArkUI<span class="edu-hl hl hl-1" data-report-view="{&quot;spm&quot;:&quot;1001.2101.3001.7020&quot;,&quot;extra&quot;:&quot;{\&quot;word\&quot;:\&quot;模板\&quot;}&quot;}" data-report-click="{&quot;spm&quot;:&quot;1001.2101.3001.7020&quot;,&quot;extra&quot;:&quot;{\&quot;word\&quot;:\&quot;模板\&quot;}&quot;}" data-tit="模板" data-pretit="模板">模板</span>代码和预览器的使用方法。</p> 
<blockquote> 
 <p>搭建开发环境：</p> 
 <ol><li>安装DevEco Studio，详情请参考<a href="https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/ide-software-download-V5" rel="nofollow">下载</a>和<a href="https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/ide-software-install-V5" rel="nofollow">安装软件</a>。</li><li>设置DevEco Studio开发环境，DevEco Studio开发环境需要依赖于网络环境，需要连接上网络才能确保工具的正常使用，详情请参考<a href="https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/ide-environment-config-V5" rel="nofollow">配置代理</a></li></ol> 
 <p>打开DevEco Studio，通过如下两种方式，打开工程创建向导界面</p> 
 <ol><li> <p>如果当前未打开任何工程，可以在DevEco Studio的欢迎页，选择Create Project开始创建一个新工程。<br> <img src="https://i-blog.csdnimg.cn/direct/eb39f029f33549a8b83823f54cdabe4b.png" alt="在这里插入图片描述"></p> </li><li> <p>如果已经打开了工程，可以在菜单栏选择File &gt; New &gt; Create Project来创建一个新工程。<br> <img src="https://i-blog.csdnimg.cn/direct/725d35f502c844189dd3531b661ddc2f.png" alt="在这里插入图片描述"></p> </li><li> <p>根据工程创建向导，选择创建Application。选择Empty Ability模板，然后单击Next，进入配置界面。<br> <img src="https://i-blog.csdnimg.cn/direct/713b51c2526441b68941da30d043e742.png" alt="在这里插入图片描述"></p> </li><li> <p>将Project name自定义为QuickStart。<br> <img src="https://i-blog.csdnimg.cn/direct/ab0400b08c26414893727bdb0b7a6ca8.png" alt="在这里插入图片描述"></p> </li><li> <p>检查Bundle name和Save location是否与命名一致，一般会根据Project name自行更新，也可以根据需要自行更改。<br> <img src="https://i-blog.csdnimg.cn/direct/d22a8c9b9a184273984dd674ab107b8e.png" alt="在这里插入图片描述"></p> </li><li> <p>选择Compatible SDK为5.0.0(12)，在编译构建时，DevEco Studio会根据指定的Compatible SDK版本进行编译打包。<br> <img src="https://i-blog.csdnimg.cn/direct/b775f59fe9b7451b86ccde2b12875ee9.png" alt="在这里插入图片描述"></p> </li><li> <p>DevEco Studio会默认勾选除‘Car’以外的全部Device type，保持该选项即可。<br> <img src="https://i-blog.csdnimg.cn/direct/fa4da35fdc254fc9be2728e34964fc46.png" alt="在这里插入图片描述"></p> </li><li> <p>等待工程创建完成，创建后界面如右图所示。<br> <img src="https://i-blog.csdnimg.cn/direct/d16daf9a127c4f2ca08c099db0f9a8ed.png" alt="在这里插入图片描述"></p> </li></ol> 
</blockquote> 
<p>在Project导航栏中选中 entry -&gt; src -&gt; main -&gt; ets -&gt; pages -&gt; Index.ets，即可看到初始创建项目的模板代码。</p> 
<blockquote> 
 <ol><li>其中，@Component装饰器装饰了struct关键字声明的数据结构Index。Index被@Component装饰后具备组件化的能力，通过实现build方法描述UI。</li><li>@Entry装饰的@Component将作为UI页面的入口。在单个UI页面中，最多可以使用@Entry装饰一个自定义组件。</li><li>界面由RelativeContainer相对布局容器作为根容器，RelativeContainer支持容器内部的子元素设置相对位置关系，适用于界面复杂场景的情况，对多个子组件进行对齐和排列。</li><li>通过Text组件展示一段文本</li><li>文本信息由@State装饰器装饰的状态变量message驱动。</li><li>Text组件定义了组件标识id为HelloWorld，用于唯一指定组件</li><li>定义字体大小fontSize取值为50；定义文本的字体粗细fontWeight取值为Bold，即字体较粗。</li><li>alignRules属性用于指定设置在相对容器中子组件的对齐规则，仅当父容器为RelativeContainer时生效，在这里定义Text组件横向居中和纵向居中。</li><li>开启右边栏的Previewer，预览器将工程中的@Entry作为实现入口，自动实现预览。<br> <img src="https://i-blog.csdnimg.cn/direct/eada2a41bf8e43f896f3c26c99cab76a.png" alt="在这里插入图片描述"></li></ol> 
</blockquote> 
<pre data-index="0" class="set-code-hide prettyprint"><code class="prism language-js has-numbering" onclick="mdcp.copyCode(event)" style="position: unset;">@Entry
@Component
struct Index <span class="token punctuation">{<!-- --></span>
  @State message<span class="token operator">:</span> string <span class="token operator">=</span> <span class="token string">'Hello World'</span><span class="token punctuation">;</span>

  <span class="token function">build</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{<!-- --></span>
    <span class="token function">RelativeContainer</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{<!-- --></span>
      <span class="token function">Text</span><span class="token punctuation">(</span><span class="token keyword">this</span><span class="token punctuation">.</span>message<span class="token punctuation">)</span>
        <span class="token punctuation">.</span><span class="token function">id</span><span class="token punctuation">(</span><span class="token string">'HelloWorld'</span><span class="token punctuation">)</span>
        <span class="token punctuation">.</span><span class="token function">fontSize</span><span class="token punctuation">(</span><span class="token number">50</span><span class="token punctuation">)</span>
        <span class="token punctuation">.</span><span class="token function">fontWeight</span><span class="token punctuation">(</span>FontWeight<span class="token punctuation">.</span>Bold<span class="token punctuation">)</span>
        <span class="token punctuation">.</span><span class="token function">alignRules</span><span class="token punctuation">(</span><span class="token punctuation">{<!-- --></span>
          center<span class="token operator">:</span> <span class="token punctuation">{<!-- --></span> anchor<span class="token operator">:</span> <span class="token string">'__container__'</span><span class="token punctuation">,</span> align<span class="token operator">:</span> VerticalAlign<span class="token punctuation">.</span>Center <span class="token punctuation">}</span><span class="token punctuation">,</span>
          middle<span class="token operator">:</span> <span class="token punctuation">{<!-- --></span> anchor<span class="token operator">:</span> <span class="token string">'__container__'</span><span class="token punctuation">,</span> align<span class="token operator">:</span> HorizontalAlign<span class="token punctuation">.</span>Center <span class="token punctuation">}</span>
        <span class="token punctuation">}</span><span class="token punctuation">)</span>
    <span class="token punctuation">}</span>
    <span class="token punctuation">.</span><span class="token function">height</span><span class="token punctuation">(</span><span class="token string">'100%'</span><span class="token punctuation">)</span>
    <span class="token punctuation">.</span><span class="token function">width</span><span class="token punctuation">(</span><span class="token string">'100%'</span><span class="token punctuation">)</span>
  <span class="token punctuation">}</span>
<span class="token punctuation">}</span>

<div class="hljs-button {2} add_def" data-title="复制"></div></code><div class="hide-preCode-box"><span class="hide-preCode-bt" data-report-view="{&quot;spm&quot;:&quot;1001.2101.3001.7365&quot;}"><img class="look-more-preCode contentImg-no-view" src="https://csdnimg.cn/release/blogv2/dist/pc/img/newCodeMoreWhite.png" alt="" title=""></span></div><ul class="pre-numbering" style="opacity: 0.378342;"><li style="color: rgb(153, 153, 153);">1</li><li style="color: rgb(153, 153, 153);">2</li><li style="color: rgb(153, 153, 153);">3</li><li style="color: rgb(153, 153, 153);">4</li><li style="color: rgb(153, 153, 153);">5</li><li style="color: rgb(153, 153, 153);">6</li><li style="color: rgb(153, 153, 153);">7</li><li style="color: rgb(153, 153, 153);">8</li><li style="color: rgb(153, 153, 153);">9</li><li style="color: rgb(153, 153, 153);">10</li><li style="color: rgb(153, 153, 153);">11</li><li style="color: rgb(153, 153, 153);">12</li><li style="color: rgb(153, 153, 153);">13</li><li style="color: rgb(153, 153, 153);">14</li><li style="color: rgb(153, 153, 153);">15</li><li style="color: rgb(153, 153, 153);">16</li><li style="color: rgb(153, 153, 153);">17</li><li style="color: rgb(153, 153, 153);">18</li><li style="color: rgb(153, 153, 153);">19</li><li style="color: rgb(153, 153, 153);">20</li><li style="color: rgb(153, 153, 153);">21</li></ul><button class="btn-code-notes mdeditor" data-report-click="{&quot;spm&quot;:&quot;3001.10436&quot;,&quot;extra&quot;:{&quot;index&quot;:0,&quot;runIdx&quot;:-1}}">代码解读</button></pre> 
<p>更多的内容可自行查看文档</p> 
<h6><a id="212_169"></a>2.1.2、工程目录介绍、配置文件说明</h6> 
<p><img src="https://i-blog.csdnimg.cn/direct/08db460631c54d87801fd43238a592b4.png" alt="在这里插入图片描述"></p> 
<ul><li>AppScope是全局的一些配置文件</li><li>entry 是我们写代码的一些区域，也可以理解为一个入口模块</li><li>hvigor 是一个编译的文件</li><li>oh-modules 存放第三方依赖包</li><li>build-profile.json 是我们的一些编译或者一些模块信息<br> 其他的一些在官方文档也都有</li></ul> 
<h6><a id="213ArkTS_180"></a>2.1.3、ArkTS开发语言简介</h6> 
<ul><li>TypeScript:类型、类、装饰器、模块化</li><li>ArkU框架:声明式、组件化、状态管理</li><li>ArkU框架:容器组件、基础组件</li><li>if条件渲染、ForEach列表渲染</li><li>页面与组件的生命周期</li></ul> 
<p><mark>基础语法概述</mark><br> <img src="https://i-blog.csdnimg.cn/direct/2239cde66434435895417e4ff2211950.png" alt="在这里插入图片描述"></p> 
<ul><li>装饰器： 用于装饰类、结构、方法以及变量，并赋予其特殊的含义。如上述示例中@Entry、@Component和@State都是装饰器，<a href="https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-create-custom-components-V5#%E8%87%AA%E5%AE%9A%E4%B9%89%E7%BB%84%E4%BB%B6%E7%9A%84%E5%9F%BA%E6%9C%AC%E7%BB%93%E6%9E%84" rel="nofollow">@Component</a>表示自定义组件，<a href="https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-create-custom-components-V5#%E8%87%AA%E5%AE%9A%E4%B9%89%E7%BB%84%E4%BB%B6%E7%9A%84%E5%9F%BA%E6%9C%AC%E7%BB%93%E6%9E%84" rel="nofollow">@Entry</a>表示该自定义组件为入口组件，<a href="https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-state-V5" rel="nofollow">@State</a>表示组件中的状态变量，状态变量变化会触发UI刷新。</li><li><a href="https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-declarative-ui-description-V5" rel="nofollow">UI描述</a>：以声明式的方式来描述UI的结构，例如build()方法中的代码块。</li><li><a href="https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-create-custom-components-V5" rel="nofollow">自定义组件</a>：可复用的UI单元，可组合其他组件，如上述被@Component装饰的struct Hello。</li><li>系统组件：ArkUI框架中默认内置的基础和容器组件，可直接被开发者调用，比如示例中的Column、Text、Divider、Button。</li><li>属性方法：组件可以通过链式调用配置多项属性，如fontSize()、width()、height()、backgroundColor()等。</li><li>事件方法：组件可以通过链式调用设置多个事件的响应逻辑，如跟随在Button后面的onClick()。</li><li>系统组件、属性方法、事件方法具体使用可参考<a href="https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-events-click-V5" rel="nofollow">基于ArkTS的声明式开发范式</a>。</li></ul> 
<p>除此之外，ArkTS扩展了多种语法范式来使开发更加便捷：</p> 
<ul><li><a href="https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-builder-V5" rel="nofollow">@Builder</a>/<a href="https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-builderparam-V5" rel="nofollow">@BuilderParam</a>：特殊的封装UI描述的方法，细粒度的封装和复用UI描述。</li><li><a href="https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-extend-V5" rel="nofollow">@Extend</a>/<a href="https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-style-V5" rel="nofollow">@Styles</a>：扩展内置组件和封装属性样式，更灵活地组合内置组件。<br> -<a href="https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-statestyles-V5" rel="nofollow"> stateStyles</a>：多态样式，可以依据组件的内部状态的不同，设置不同样式。</li></ul> 
<h2><a name="t4"></a><a id="_203"></a>✒️总结</h2> 
<blockquote> 
 <p>如果这篇【文章】有帮助到你💖，希望可以给我点个赞👍，创作不易，如果有对前端端或者对python感兴趣的朋友,请多多关注💖💖💖，咱们一起探讨和努力！！！<br> 👨‍🔧 个人主页 : 前端初见</p> 
</blockquote>
                